<template>
    <div class="navbar">
      <ul class="navbar-ul">
          <router-link :to="{ name: 'home'}" tag="li">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t3451/188/644771475/2428/800d7cb7/580f2435Nbfaa8055.png?width=66&height=66" alt="">
            <p>首页</p>
          </router-link>
          <router-link :to="{ name: 'money'}" tag="li">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t3811/55/345433999/2930/116d3dd1/580f1e25N028a1f2c.png?width=66&height=66" alt="">
            <p>理财</p>
          </router-link>
          <router-link :to="{ name: 'ious'}" tag="li">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t3343/179/621044750/1484/5af6b11a/580f50e4N005181d0.png?width=66&height=66" alt="">
            <p>白条</p>
          </router-link>
          <router-link :to="{ name: 'raise'}" tag="li">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t3604/98/635506544/2317/443d3a51/580f240aNbee3dcc4.png?width=66&height=66" alt="">
            <p>众筹</p>
          </router-link>
          <router-link :to="{ name: 'home'}" tag="li">
            <img src="//img12.360buyimg.com/jrpmobile/jfs/t3340/68/639059082/2591/800e2d6b/580f51cdN4caf20b2.png?width=66&height=66" alt="">
            <p>我的</p>
          </router-link>
      </ul>
    </div>
</template>

<script>
export default {
  name: 'navbar'
}
</script>

<style lang="stylus" scoped>
  .navbar
   height:1.0rem
   background:#fff
   position:fixed
   z-index:9999
   left:0
   right:0
   bottom:0
   .navbar-ul
     display:flex
     text-align:center
    li
      width:20%
      box-sizing:border-box
      padding-top:.1rem
     img
      width:.44rem
      height:.44rem
     p
       font-size:.22rem
       color:#656565
       line-height:.54rem
     .router-link-exact-active
       p
        color:red
</style>
